<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学生的增删改查1</title>
</head>

<body>


  所属班级：
  <select  id="bj"></select>
    <dialog id="bjtc">
      <table style="width: 100%;">
        <thead>
          <tr>
            <th>班级名称</th>
            <th>信息最后修改时间</th>
            <th>操作</th>
          </tr>
        <tbody id="bjxx">
          <!-- <th>
          <tr></tr>
        </th> -->
        </tbody>
        </thead>
      </table>
      <form method="dialog">
      <button>关闭</button>
      </form>
      </dialog>


    <input type="text" id="dhcx" placeholder="电话模糊查询">
    <input type="text" id="qqcx" placeholder="QQ号模糊查询">
    <input type="text" id="xmcx" placeholder="姓名模糊查询">
    <input type="text" id="wxcx" placeholder="微信号模糊查询">
    <button id="cx">查询</button>
    <button id="cz">重置</button>
    <button id="zj">增加</button>
    </div>
    

    <!-- 添加弹窗 -->
    <dialog id="tjtc">
    所属班级：
    <select  id="bj1"></select>
    <dialog id="bjtc1">
      <table style="width: 100%;">
        <thead>
          <tr>
            <th>班级名称</th>
            <th>信息最后修改时间</th>
            <th>操作</th>
          </tr>
        <tbody id="bjxx1">
          <!-- <th>
          <tr></tr>
        </th> -->
        </tbody>
        </thead>
      </table>
      <form method="dialog">
      <button>关闭</button>
      </form>
      </dialog>
    <hr>
    <input type="text" id="dhtj" placeholder="添加电话">
    <hr>
    <input type="text" id="qqtj" placeholder="添加QQ号">
    <hr>
    <input type="text" id="xmtj" placeholder="添加姓名">
    <hr>
    <input type="text" id="wxtj" placeholder="添加微信号">
    <hr>
    <input type="text" id="dztj" placeholder="添加家庭地址">
    <button id="tj">添加</button>
    <form method="dialog">
    <button>关闭</button>
    </form>
    </dialog>
    <!-- 修改弹窗 -->
    <dialog id="xgtc">
      <input type="text" id="bjid1" placeholder="班级id">
      <hr>
      <input type="text" id="dhtj1" placeholder="修改电话">
      <hr>
      <input type="text" id="qqtj1" placeholder="修改QQ号">
      <hr>
      <input type="text" id="xmtj1" placeholder="修改姓名">
      <hr>
      <input type="text" id="wxtj1" placeholder="修改微信号">
      <hr>
      <input type="text" id="dztj1" placeholder="修改家庭地址">
      <hr>
      <input type="text" id="xsbh" placeholder="修改学生编号">
      <button id="xg">修改</button>
      <form method="dialog">
      <button>关闭</button>
      </form>
      </dialog>


  <table style="width: 100%;">
    <thead>
      <tr>
        <th>学生编号</th>
        <th>学生姓名</th>
        <th>qq号</th>
        <th>手机号码</th>
        <th>家庭地址</th>
        <th>信息最后修改时间</th>
        <th>操作</th>
      </tr>
    <tbody id="ym">
      <!-- <th>
      <tr></tr>
    </th> -->
    </tbody>
    </thead>
  </table>

  <!-- 分页部分 -->
  <nav>
    <a href="javascript:void(0)">第一页</a>
    <a href="javascript:void(0)">上一页</a>
    <span></span>
    <a href="javascript:void(0)">下一页</a>
    <a href="javascript:void(0)">最后一页</a>
  </nav>

  <script src="./js/xueshen1.js" type="module"></script>
</body>

</html>